:root {
  /* 定义变量 */
  --active-color: #1e80ff;
}

.nav-list {
  display: flex;
  list-style: none;
  justify-content: center;
}

.nav-item {
  margin: 0 10px;
}

.nav-item a {
  text-decoration: none;
  color: #515767;
}

.nav-item a:active {
  color: #515767;
}

.nav-item .active {
  /* 使用变量 */
  color: var(--active-color);
}
